/* 
    Document   : formStyle
    Created on : 14/08/2011, 14:39:54
    Author     : robert
    Description:
       CSS file to setting standards for most used tags.
*/



/*====================================================================================*/
/*                            [    DEFAULT STYLES    ]                                */
/*====================================================================================*/


/*==============================[   FONT STYLE    ]================================*/

.formStyle{
    font-family: 'Trebuchet MS',Tahoma,sans-serif;
    font-size: 16px;
}

.formStyle-square{
    font-family: 'Trebuchet MS',Tahoma,sans-serif;
    font-size: 16px;
}

/*============================[     FORM STYLES     ]==============================*/

.formStyle{
    background: #e4ebed;
    border: 1px solid #a9a9a9;
}

.formStyle-square{
    background: #e4ebed;
    border: 1px solid #a9a9a9;
}

/*===========================[    FIELDSET STYLES   ]===============================*/

.formStyle-square fieldset,
.formStyle fieldset{ border:1px solid #a9a9a9;
}

/*===========================[    HEADER STYLES     ]==============================*/


 div#form-header{
    padding: 1px 20px;
    border: 1px solid #a9a9a9;
    background: #e4ebed; 
    height: 7%;
}

div#form-header h1{
    text-align: left;
    font-size: 22px;
    font-family: 'Trebuchet MS',Tahoma,sans-serif;
    height: 40px;
    width: 90%;
    padding-top: 10px;

}

div#form-header img{
   margin: -45px 0 0 94%;
   
}

div#form-header p{
	text-align: left;
	font-size: 15px;
	font-family: 'Trebuchet MS',Tahoma,sans-serif;
}


/*===========================[   SUBTITLES STYLES   ]==============================*/

.formStyle h2, .formStyle-square h2{
    text-align: center;
    font-size: 18px;
    width: 98.3%;
    padding-bottom: 4px;
    border-bottom: 1px solid #a9a9a9;
    *width: 98%; width/*\**/: 98%\9;
    *margin-left: 10px; margin-left/*\**/: 10px\9;
}

/*===========================[    LEGEND STYLES     ]===============================*/

legend{
 	padding: 5px 9px 5px;
	margin-bottom: 10px;
	border:1px solid #a9a9a9;
	margin-left:1.04%;
}

/*===========================[   REQUERIED STYLES   ]==============================*/
.form-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.3em;
}

/*====================[  INPUT/SELECT/TEXTAREA STYLES   ]==========================*/

input, select, textarea,.formStyle-square  textarea,
.formStyle-square input,.formStyle-square  select{
                border: 1px #51618A solid;
                font: 15px "Trebuchet MS", Tahoma, sans-serif;
}

input:focus, select:focus, textarea:focus{
    background: #fbfcfd;
}

/*=============================[    LABEL STYLES    ]==============================*/

label:hover { background: #eff4f6; }

formStyle-square div.block,
.formStyle div.block{ height: inherit; clear:both; 
 display:inline; float:left; *padding: 3px 2px; /*ie7*/
}

formStyle-square div.block,
.formStylediv.block:hover{ background: #eff4f6; }

formStyle-square div.block,
.formStyle div.block label{ border-bottom: 0; }

.focused{
	background-color: #FFF7C0;
}


p.form-describe, p.form-describe-right{
	font-size: .85em;
	color: #777;
}



/*=============================[    BUTTONS STYLES    ]==============================*/


input.form-buttom{
                 background: #ebf0f1;

                 /* basico */
                 border:1px solid #d0d0d0;
                 border-top-color:#ececec;
                 border-bottom-color:#909090;
                 /* gradiente */
                  /* sobreamento */
                 -moz-box-shadow: 0 2px 3px rgba(0,0,0,.2);
                 -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.2);
}


input.form-buttom:hover{
                background: #fff;
                font-weight: bold;
}



/*===============================_[ MESSAGE STYLE ]_================================*/

/* form msg status  */
.form-msg-info, .form-msg-warning, .form-msg-error, .form-msg-success {
        font-weight: bold;
        font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;       
	font-size:1em;
        padding-left: 40px;
	border-bottom: 1px solid #ccc;
}
.form-msg-info {
	background: #d1ecf7 url(img/form-info.png) no-repeat 5px 7px;
	border: 1px solid #88a6e3 !important;
	color:#11689e !important;
}
.form-msg-warning {
	background: #fff6bf url(img/form-warning.png) no-repeat 5px 7px;
	border: 1px solid #ce7f0c !important;
	color:#957210 !important;
}
.form-msg-error {
	background: #fad0d0 url(img/form-error.png) no-repeat 5px 7px;
	border: 1px solid #d34b4b !important;
	color:#b01717 !important;
}
.form-msg-success {
	background: #e5f8ce url(img/form-success.png) no-repeat 5px 7px;
	border: 1px solid #51bd5b !important;
	color:#62b548 !important;
}

/* form msg-small status  */
.form-msg-info-small, .form-msg-warning-small, .form-msg-error-small, .form-msg-success-small {
        font-weight: bold;
        font-family: 'Trebuchet MS',Verdana,Arial,sans-serif;       
	font-size:0.7em;
	padding-left: 33px;
	border-bottom: 1px solid #ccc;
}
.form-msg-info-small {
	background: #d1ecf7 url(img/form-info-small.png) no-repeat 5px 4px;
	border: 1px solid #88a6e3 !important;
	color:#11689e !important;
}
.form-msg-warning-small {
	background: #fff6bf url(img/form-warning-small.png) no-repeat 5px 4px;
	border: 1px solid #ce7f0c !important;
	color:#957210 !important;
}
.form-msg-error-small {
	background: #fad0d0 url(img/form-error-small.png) no-repeat 5px 4px;
	border: 1px solid #d34b4b !important;
	color:#b01717 !important;
}
.form-msg-success-small {
	background: #e5f8ce url(img/form-success-small.png) no-repeat 5px 4px;
	border: 1px solid #51bd5b !important;
	color:#62b548 !important;
}
/*===============================_[ NONE STYLE ]_================================*/


.form-none{
    background: none;
    border: 1px solid #a9a9a9;
}


h1#form-header.form-none{
    background: #fff;
    color: #000;
}

.form-none label:hover{background: #ecebeb; }

.form-none legend{
 	padding: 5px 9px 5px;
	margin-bottom: 10px;
	background: #000;
        color: #fff;
	margin-left:1.04%;
}


/*===============================_[ INPUT FILE STYLE ]_================================*/


.inputFile {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        position: relative;                        
}

.inputFile span.text {
      background: #ccc;
      color: #777;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;      
      cursor: pointer;
      display: inline-block;
      font-family: 'Trebuchet MS', Tahoma, sans-serif; 
      font-size: 11px; 
      font-weight: bold;
      margin-right: 5px;
      padding: 4px 18px;
      text-transform: uppercase;	
      width: 150px;

}
.inputFile input {
      position: absolute;
      right: 0;
      z-index: 2;
      font-size: 100px; /* Aumenta tamanho do campo */
      opacity: 0;
      filter: alpha(opacity=0);
      cursor: pointer;
      font-size: 100px;
      height: 100%;
      filter: alpha(opacity=1);
      -moz-opacity: 0.01;
      opacity: 0.01;
      position: absolute;
      right: 0;
      top: 0;                        
}